* { padding: 0;
    margin: 0 auto;
   }

html {
  height: 100%;
}

body {
    overflow-x: hidden;
  height: 100%;
}
.header{
    width:100%;
}
.header-top{
    width: 100%;
    min-height: 40px;
    background-color: #f5f5f5;
    overflow:hidden;
    line-height: 40px;
    border-top:5px solid #03A4B6;
    color:#222;
}
.header-welcome{

    padding-left: 350px;
    color: #222;
    font-family: "Adobe 仿宋 Std R";
    font-size: 14px;
}
.header-map{
    float:right;
margin-right:100px;
    color:#222;
    font-family: "Adobe 仿宋 Std R";
    font-size: 14px;
 }
/*-----logo部分-----*/
.logo{
    position: relative;
    width: 100%;
    float:left;
    margin-top:10px;
}
.logo-img1{
    padding-left: 330px;
    padding-top: 10px;
    float:left;
}
.logo-intro{
    width:450px;
    padding-left:3px;
    font-weight:bold;
    height:101px;
    line-height:101px;
    float:left;
    padding-top:0px;
    color:#03A4B6;
    font-size:28px;
}
.logo-phone{
   margin-right:300px;
    float:right;
}
/*导航栏nav*/
.header-nav1{
    width:100%;
    height:61px;
    background-color:#fff;
    margin-top:0px;
    text-align:center;
}
.nav1{
    width:100%;
    height:61px;
    line-height:61px;
    text-align:center;
    font-size:18px;
    padding-left:20px;
}
.nav1 li{
    width:9%;
    float:left;
        position: relative;
}
.nav1 a{
    display:inline-block;
    float:left;
    padding:0 14px;
    color:#222;
    width:100%;
}
li{
    list-style-type:none;
    }
a{
    text-decoration:none;

}
.nav2{
    color:white;
}
.nav1 a:hover,.nav1 li.cur a.nav2{
    /*background:#016dab center center;*/
    background:#03A4B6 center center;
    
    text-decoration:none;
    color: white;
    border-bottom: 2px solid #237e73;
    margin-top: -2px;
}
/*banner模块*/
.flexslider {
    margin: 0px auto 0px;
    position: relative;
    width: 100%;
    height: 600px;
    overflow: hidden;
    zoom: 1;
}

.flexslider .slides li {
    width: 100%;
    height: 100%;
}

.flex-direction-nav a {
    width: 70px;
    height: 70px;
    line-height: 99em;
    overflow: hidden;
    margin: -35px 0 0;
    display: block;
    background: url(../images/ad_ctr.png) no-repeat;
    position: absolute;
    top: 50%;
    z-index: 10;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all .3s ease;
    border-radius: 35px;
}

.flex-direction-nav .flex-next {
    background-position: 0 -70px;
    right: 0;
}

.flex-direction-nav .flex-prev {
    left: 0;
}

.flexslider:hover .flex-next {
    opacity: 0.8;
    filter: alpha(opacity=25);
}

.flexslider:hover .flex-prev {
    opacity: 0.8;
    filter: alpha(opacity=25);
}

.flexslider:hover .flex-next:hover,
.flexslider:hover .flex-prev:hover {
    opacity: 1;
    filter: alpha(opacity=50);
}

.flex-control-nav {
    width: 100%;
    position: absolute;
    bottom: 10px;
    text-align: center;
}

.flex-control-nav li {
    margin: 0 2px;
    display: inline-block;
    zoom: 1;
    *display: inline;
}

.flex-control-paging li a {
    background: url(../images/dot.png) no-repeat 0 -16px;
    display: block;
    height: 16px;
    overflow: hidden;
    text-indent: -99em;
    width: 16px;
    cursor: pointer;
}

.flex-control-paging li a.flex-active,
.flex-control-paging li.active a {
    background-position: 0 0;
}

.flexslider .slides a img {
    width: 100%;
    height: 600px;
    display: block;
}


   .banner-pro{
    width: 800px;
    float: left;
    padding-top: 20px;
    padding-left: 100px;
}
.banner-pro span{
    font-size:14px;
}
/*搜索栏部分*/
.search{
    float: right;
    padding-top: -150px;
    margin-right: 200px;
    margin-top: 14px;
    position: relative;
    width: 440px;
    padding-bottom: 10px;
}
.search form input[type="text"] {
    background: #fbfbfb none repeat scroll 0 0;
    border: 1px solid #03A4B6;
    border-radius: 30px;
    font-size: 13px;
    height: 40px;
    padding: 0 15px;
    text-transform: capitalize;
    width: 440px;
}
.search form input[type=submit]{
    background: #03A4B6 none repeat scroll 0 0;
    border: medium none;
    border-bottom-right-radius: 50px;
    border-top-right-radius: 50px;
    color: #fff;
    font-size: 16px;
    line-height: 40px;
    padding: 0;
    position: absolute;
    right: 0;
    text-transform: capitalize;
    top: 0;
    width: 90px;
}
.search form input[type=submit]:hover{
    background: #00489a none repeat scroll 0 0;
}
.under-line{
    width: 100%;
    border-bottom: #8c8c8c 2px solid;
    padding-top: -50px;
}
/*product产品模块*/
.product{
    width: 100%;
    text-align: center;
}
.pro-bg{
    width: 100%;
    position: relative;
    margin: auto;
}
.pro-bg img{
    width: 600px;
    height: 400px;
    margin: auto;
    margin-top: -100px;
}
.pro-center{
    font-size: 50px;
    font-weight: bold;
    color: #222;
    margin-top: -240px;
}
/* .pro-hr{ */
     /* width:190px; */
    /* border: navy 1px solid; */
    /* margin-top: -10px; */
/* } */
.product-paper{
    padding-top: -10px;
}
/*-----产品中心------*/
.product-ny_zb{
    width:100%;
    float: left;
}

ul,ol{margin:0px;
    padding:0px;
    list-style-type:none;}
img{border:none;}
a{color:#333333;
    text-decoration:none;}
a:hover{color:#666666;
    text-decoration:underline;}
.clearfix:after{content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden}
.clearfix{display:inline-table}
*html .clearfix{height:1%}
.clearfix{display:block}
*+html .clearfix{min-height:1%}
.ny_zb{width:300px;
    /*height: 585px;*/
    float: left;
     overflow:hidden;
    border-left:1px solid #00489a;
    border-right:1px solid #00489a;
    border-bottom:1px solid #00489a;
    margin-top:50px;
    margin-left: 350px;}
.ny_zbbt{background-color:#0066d9 ;
    height:80px;
    text-align: center;
    overflow:hidden;
    border-top:2px solid #00489a;}
.ny_zbbt span{padding-left:30px;
    font-size:25px;
    color:white;
    line-height:80px;}
.ny_zblb1{padding:30px 10px 20px 0px;}

.ny_zblb1 li{line-height:40px;
    font-size:20px;
    color:#333;
    float:left;
    width:100%;}
.ny_zblb1 li a{display:block;
    padding-left:30px;
    text-decoration:none;
    color:#333;
    background:url(../images/04.gif) no-repeat right;}
.ny_zblb1 li a.cur{color:#00489a;
    font-weight:bold;
    background:url(../images/04_h.gif) no-repeat right;
    text-decoration:none;}

.ny_zblb1 li ul{display:none;
    color:#666;
    padding:5px 0px 5px 30px;}
.ny_zblb1 li ul li{float:none;
    background-image:none;
    height:26px;
    line-height:26px;
    margin-top:0px;
    font-size:12px;}
.ny_zblb1 li ul li a{padding-left:30px;
    display:block;
    background:url(../images/05.gif) no-repeat left;}
.ny_zblb1 li ul a:hover{color:#00489a;}
/*---------------------*/



.box-z {
    overflow: hidden;/*超出部分不显示,同时还可以清楚浮动的效果*/
    border: 1px solid #ccc;
    width: 890px;
    margin-left:700px;
    margin-top: 50px;

}

.box-z ul li {
    position: relative;/*相对定位*/
    float: left;/*左浮动:让元素飘起来*/
    width: 280px;
    height: 298px;
    margin: 8px;
    background: #fff;
    overflow: hidden;
    background: url(../images/pro1.jpg) center/cover;/*背景    center/cover是居中/自适应*/
}

.box-z ul li:nth-child(2) {/*css选择器:选择ul中第二个li */
    background: url(../images/pro2.jpg) center/cover;/*改变背景*/
}

.box-z ul li:nth-child(3) {
    background: url(../images/pro3.jpg) center/cover;
}

.box-z ul li:nth-child(4) {
    background: url(../images/pro4.jpg) center/cover;
}

.box-z ul li:nth-child(5) {
    background: url(../images/pro5.jpg) center/cover;
}

.box-z ul li:nth-child(6) {
    background: url(../images/pro6.jpg) center/cover;
}
.box-z ul li::before {
    transform: rotate(55deg) translateX(-320px) scale(1.8);
    /*变换:旋转(角度)  x轴位移(偏移量) 缩放(1.8倍)*/
}

.box-z ul li::after {
    transform: rotate(55deg) translateX(320px) scale(1.8);
}

.box-z ul li:hover::before {
    transform: rotate(55deg) translateX(-150px) scale(1.8);
}

.box-z ul li:hover::after {
    transform: rotate(55deg) translateX(150px) scale(1.8);
}

.box-z ul li div {
    z-index: 2;/*改变div的层级使其上移两层*/
    overflow: hidden;
    position: absolute;/*绝对定位*/
    top: 80px;/*定位:距离顶部40px*/
    color: #fff;
    width: 280px;
    height: 0;
    background: rgba(0, 0, 0, 0.5);
    text-align: center;
    transform: rotate(55deg);
    transition: 0.7s;
}
/*:hover放在里后面而不是div后的原因:鼠标height: 0;高度为0,鼠标没有能够经过div,就不能触发:hover事件*/
.box-z ul li:hover div {
    height: 120px;
    transform: rotate(0);
}

.box-z ul li div h3 {
    margin: 0;
    border-bottom: 2px solid #fff;
    font-size: 18px;
    line-height: 44px;
    width: 100%;
    overflow: hidden;
    text-indent: 10px;
    height: 44px;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.box-z ul li div p {
    font-size: 14px;
    margin: 5px;
    line-height: 24px;
}
/*advantage产品模块*/
.advantage{
    padding-top: 10px;
    width: 100%;
    text-align: center;
    height: 1600px;
}
.adv-bg{
    width: 100%;
    position: relative;
    margin: auto;

}
.adv-bg1 img{
    width: 700px;
    height: 300px;
    margin-left: 10px;
}
.adv-center{
    font-size: 50px;
    font-weight: bold;
    color: #00489a;
    margin-top: -170px;
}
.adv-bg{
    width: 450px;
    border: #00489a 1px solid;
}
.advantage-in{
    padding-top: 20px;
    font-size: 18px;
}
.advantage-img{
    width:100%;
    height: 800px;
}
.advantage-img-y1{
    padding-top:100px;
    margin:auto;
    width:400px;
    height:400px;
}
.advantage-img-y2{
    width: 100%;
    float: left;
    margin-top:-180px;
    margin-left:100px;
}
.adv-img img{
    width: 100px;
    height: 100px;
    float: left;
    margin-left: 500px;
}
.advantage-img-y3{
    width: 100%;
    float: left;
    margin-top:70px;
    margin-left:400px;
}
.adv-img1 img{
    width: 100px;
    height: 100px;
    float: left;
    margin-left: 300px;
}
@keyframes xuanzhuan {
    from {
        transform: perspective(400px) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
        animation-timing-function: linear;
    }
    20% {
        transform: perspective(400px) translate3d(0, 0, 0) rotate3d(0, 1, 0, -300deg);
        animation-timing-function: linear;
    }
    40% {
        transform: perspective(400px) translate3d(0, 0, 0) rotate3d(0, 1, 0, -240deg);
        animation-timing-function: linear;
    }
    60% {
        transform: perspective(400px) translate3d(0, 0, 0) rotate3d(0, 1, 0, -180deg);
        animation-timing-function: linear;
    }
    80% {
        transform: perspective(400px) translate3d(0, 0, 0) rotate3d(0, 1, 0, -60deg);
        animation-timing-function: linear;
    }
    to {
        transform: perspective(400px) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);;
        animation-timing-function: linear;
    }
}
.adv-img img:hover {
    animation: xuanzhuan 0.5s 1;
    -webkit-animation: xuanzhuan 0.5s 1;
    -moz-animation: xuanzhuan 0.5s 1;
}
.adv-img1 img:hover {
    animation: xuanzhuan 0.5s 1;
    -webkit-animation: xuanzhuan 0.5s 1;
    -moz-animation: xuanzhuan 0.5s 1;
}
.adv-col{
    font-size:22px;
    color:#ff7800;
}
.adv-intro{
    width:100%;
    float:left;
}
.adv-intro a{
    color: black;
}
.adv-intro1{
    width:210px;
    margin-left:450px;
    line-height:40px;
    margin-top:-250px;
}
.adv-intro2 {
    width: 192px;
    margin-left: 1230px;
    line-height:30px;
    margin-top: -65px;;
}
.adv-intro3{
    width:172px;
    margin-left:650px;
    line-height:30px;
    margin-top:200px;
}
.adv-intro4{
    width:192px;
    line-height:30px;
    margin-left:1050px;
    margin-top:-60px;;
}

.content{
    width:100%;
    position:relative;
    background-image:url("../images/bg2.png");
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 20px;
}
.conter-intro{
    background-color: #366dad;
    background-image:url("../images/jiadu/kefubg.jpg");
    width: 100%;
    height: 100px;
    margin-top: 20px;
}
.conter-intro-p{
    padding-top: 30px;
    float: left;
}
.conter-intro-p p{
    width:100%;
    text-align: right;
    padding-left: 500px;
    color: white;
    margin-top:-5px;
}
.con-col{
    font-size:16px;
    color:#ff7800;
}
.conter-intro-size{
    font-size: 18px;
}
.content-phone{
    padding-top: 30px;
    float: left;
}
.content-phone{
    color:#ff7800;
    font-size: 16px;
    margin-left: 300px;
   margin-top: -5px;
}
.conter-rw img{
    width:120px;
    height: 130px;
    float:right;
    margin-top: -30px;
    margin-right:500px;
}

a,a:hover{
    text-decoration: none;
}
/*section.business {*/
    /*background: url(../images/wallpaper2.jpg) 50% bottom;*/
/*}*/
.business .box {
    width: 1200px;
    margin: 0 auto;
    position: relative;
    -webkit-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    -ms-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
    padding-bottom: 50px;
}

.business .box ul.items {
    margin: 0 auto;
    margin-top: 50px;

}

.business .box ul.items li {
    width: 200px;
    height: 300px;
    margin: 0 8px;
    background: url(../images/bg_blue.png) no-repeat 0px 400px;
    overflow: hidden;
    display: inline-block;
}

.business .box ul.items li i {
    display: block;
    position: relative;
    margin: 0 auto;
    margin-top: 43px;
    height: 69px;

}

.business .box ul.items li.pc i {
    width: 69px;
    background: url(../images/words.png) no-repeat -245px -357px;
}

.business .box ul.items li.mobi i {
    width: 64px;
    background: url(../images/words.png) no-repeat -416px -291px;
}

.business .box ul.items li.sys i {
    width: 76px;
    background: url(../images/words.png) no-repeat -415px -362px;
}

.business .box ul.items li.app i {
    width: 74px;
    background: url(../images/words.png) no-repeat -244px -439px;
}

.business .box ul.items li.host i {
    width: 79px;
    background: url(../images/words.png) no-repeat -420px -439px;
}

.business .box ul.items li u {
    display: block;
    position: absolute;
    width: 156px;
    height: 156px;
    margin-left: 22px;
    background: url(../images/words.png) no-repeat 0px -363px;
    -webkit-transition: all .5s ease-in-out 0s;
    -moz-transition: all .5s ease-in-out 0s;
    -ms-transition: all .5s ease-in-out 0s;
    -o-transition: all .5s ease-in-out 0s;
    transition: all .5s ease-in-out 0s;
}

.business .box ul.items li u.cl {
    clip: rect(0px,156px,-10px,78px);
}

.business.active .box ul.items li u.cl {
    clip: rect(0px,156px,156px,78px);
}

.business .box ul.items li u.cr {
    clip: rect(156px,78px,156px,0px);
}

.business.active .box ul.items li u.cr {
    clip: rect(0px,78px,156px,0px);
}

.business .box ul.items li strong {
    display: block;
    margin-top: 70px;
    font-size: 16px;
    font-weight: normal;
    text-align: center;
}

.business .box ul.items li p {
    position: relative;
    top: 200px;
    color: White;
    font-family: Arial,"宋体";
    font-size: 12px;
    line-height: 20px;
    text-align: center;
}

.business .box ul.items li:hover {
    background-position: 0px 0px;
    -webkit-transition: all .5s ease-in-out .3s;
    -moz-transition: all .5s ease-in-out .3s;
    -ms-transition: all .5s ease-in-out .3s;
    -o-transition: all .5s ease-in-out .3s;
    transition: all .5s ease-in-out .3s;
}

.business .box ul.items li:hover i {
    -webkit-transition: all .5s ease-in-out .4s;
    -moz-transition: all .5s ease-in-out .4s;
    -ms-transition: all .5s ease-in-out .4s;
    -o-transition: all .5s ease-in-out .4s;
    transition: all .5s ease-in-out .4s;
}

.business .box ul.items li.pc:hover i {
    background: url(../images/words.png) no-repeat -168px -357px;
}

.business .box ul.items li.mobi:hover i {
    background: url(../images/words.png) no-repeat -337px -291px;
}

.business .box ul.items li.sys:hover i {
    background: url(../images/words.png) no-repeat -327px -362px;
}

.business .box ul.items li.app:hover i {
    background: url(../images/words.png) no-repeat -164px -439px;
}

.business .box ul.items li.host:hover i {
    background: url(../images/words.png) no-repeat -335px -439px;
}

.business .box ul.items li:hover u.cl {
    clip: rect(0px,156px,-10px,78px);
}

.business .box ul.items li:hover u.cr {
    clip: rect(156px,78px,156px,0px);
}

.business .box ul.items li:hover strong {
    color: White;
    -webkit-transition-delay: .4s;
    -moz-transition-delay: .4s;
    -ms-transition-delay: .4s;
    -o-transition-delay: .4s;
    transition-delay: .4s;
}

.business .box ul.items li:hover p {
    top: 20px;
    -webkit-transition: all .3s ease-in-out .5s;
    -moz-transition: all .3s ease-in-out .5s;
    -ms-transition: all .3s ease-in-out .5s;
    -o-transition: all .3s ease-in-out .5s;
    transition: all .3s ease-in-out .5s;
}

.business .box label {
    display: block;
    margin: 0 auto;
    margin-top: -40px;
    width: 297px;
    height: 21px;
    background: url(../images/words.png) no-repeat 0px -333px;
}

section.cases {
    background: url(../images/wallpaper3.jpg);
}
/*-----------applioation-----------*/
.applioation{
    width: 100%;
    text-align: center;
    padding-top: 100px;
     margin: auto;
}
.appl-bg{
    /*width: 100%;*/
    position: relative;
    margin: auto;
}
.appl-bg1 img{
    width: 700px;
    height: 100px;

    margin: auto;
}
.appl-center{
    font-size: 50px;
    font-weight: bold;
    color: #00489a;
    margin-top:-65px;
}
.applioation-in{
    margin-top: -10px;
}
.appl-hr{
    width:190px;
    border: navy 1px solid;
    margin-top: -10px;
}
.boxxx{
    position:relative;
    width:1200px;
    height:400px;
    margin-left: 350px;
    float: left;
    margin-top: 50px;
    background-size:cover;
    border:2px solid #cccccc;
    border-radius:5px;
    margin-right: 400px;
    padding-top: 50px;
    margin-bottom: 80px;
}
.boxxx ul{
    list-style:none;
    width:180px;
    margin-left:auto;
    margin-right:0px;
}
.boxxx ul li{
    float:left;
    width:120px;
    height:70px;
    border:1px solid #fff;
}
.boxxx ul li:nth-child(odd){
    margin-right:16px;
}
.boxxx ul li:nth-child(-n+4){
    margin-bottom:15px;
    padding-top: 10px;
}
.boxxx ul li:hover .a-1{
    border: 1px solid #00489a;
    box-shadow:0px 0px 10px 0px #00489a;

}
.boxxx ul li img{
    width:100%;
    height:100%;
}
.boxxx ul li:nth-child(1) .content{
    opacity:1;

}
.boxxx ul li img:hover+.content{
    opacity:1;

}
.boxxx ul li h2:hover+.content{
    opacity:1;
}
.boxxx ul li p:hover+.content{
    opacity:1;

}
.boxxx ul li .content{
    position:absolute;
    left:20px;
    top: 20px;
    width:450px;
    height:350px;
    opacity:0;
    box-shadow:0px 0px 20px 0px #cccccc;
    transition:.5s;
}
.boxxx ul li .content.img{
    padding-top: -20px;
}
.a-1{
    padding-left: 10px;
    margin-top: -30px;
}
.applioation-pro-Z {
    width: 900px;
    text-align: left;
    line-height: 25px;
    padding-left: 580px;
    float: left;
    background:#ffffff;
}
.applioation-pro-y{
    font-weight: bolder;
    font-size: 30px;
    color: gray;
    margin-left: -50px;
}
.applioation-pro-yi{
    font-weight: bolder;
    font-size: 30px;
    color: gray;
    margin-left: 200px;
    margin-top: -20px;
}
.applioation-pro-L{
    margin-left: -60px;
    font-size: 18px;
}



/* /*------品牌模块------------*/ */
.cooperation{
    width: 100%;
    height:1200px;
    text-align: center;
    margin-top: 200px;
}
.coop-bg{
    width: 100%;
    position: relative;
    margin: auto;

}

.coop-bg1 img{
    width: 700px;
    height: 100px;
    margin: auto;
}
.coop-center{
    font-size: 50px;
    font-weight: bold;
    color: #00489a;
    margin-top:-65px;
}
.cooperation-in{
    margin-top: -10px;
}
.coop-hr{
    width:300px;
    border: navy 1px solid;
    margin-top: -10px;
}
/* /*----------*/
.coop-box{
    position:relative;
    width:1350px;
    height:600px;
    margin-left: 300px;
    padding:20px;
    float: left;
    background-size:cover;
    border:1px solid #cccccc;
    margin-right: 600px;
    margin-top: 50px;
}
.coop-box ul{
    list-style:none;
    width:200px;
    height: 300px;
    margin: -15px -55px;
}
.coop-box ul li{
    width:280px;
    height:187px;
    padding: 100px 100px 68px 100px;
    border:1px solid #cccccc;
    margin: 0px 40px 8px;

}
.coop-box ul li:nth-child(5){
    float: right; margin:-404px -1028px ;
}


.coop-box ul li:nth-child(-n+6){
    margin-bottom:15px;
    padding-top: 10px;
}
.coop-box ul li:nth-child(4){
    float: right;margin:-605px -1028px ;
}

.coop-box ul li:nth-child(6){
    float: right;margin:-205px -1028px ;
}
.coop-box ul li:hover .a1{
    border: 1px solid blue;
    box-shadow:0px 0px 20px 0px blue;

}
.coop-box ul li:hover .a2{
    border: 1px solid blue;
    box-shadow:0px 0px 20px 0px blue;

}
.coop-box ul li img{
    padding-top:-100px;
 }
.coop-box ul li:nth-child(1) .content-1{
    opacity:1;

}
.coop-box ul li img:hover+.content-1{
    opacity:1;

}
.coop-box ul li p:hover+.content-1{
    opacity:1;

}
.content-p{
    background: darkgray;
    padding: 20px 85px 20px 85px;
    width:800px;
    font-family: "Adobe 黑体 Std R";
    font-size: 15px;
    text-indent: 2em;
    margin: 180px -500px;
}
.coop-box ul li .content-1{
    position:absolute;
    left:300px;
    top: 5px;
    width:300px;
    height:400px;
    opacity:0;
    border: 1px solid #cccccc;
    padding: 285px 400px 300px 345px;
    /*box-shadow:0px 0px 20px 0px darkgray;*/
    transition:.5s;
}

.i_news { width:1180px; margin:0 auto; margin-top:20px; text-align: left;}
.i_news ul li {
    padding: 0px 0px 30px 0px; width: 565px; margin-left:20px;
}
.i_news ul li .vbox {
    background: #fff; width: 565px; height: 145px; display: block;
}
.i_news ul li .dec {
    padding: 15px 0px 0px 22px; width: 445px;
}
.ulL{}
.ulL li{ float:left;}
.line150{line-height:1.5;}
.line120{line-height:1.2;}
.tit-h1{height:85px; width:840px;padding: 35px 0 0px; position:relative;}
.tit-h1 ins{ position:absolute; right:0px; top:68px;}
.i_news ul li .dec h3{
    width: 445px;
    line-height: 28px;
    overflow: hidden;
    padding-bottom: 5px;
}
.fs22{
    font-size:22px;
    font-weight: 600;
    color: #666;
}
.ct2 {
    color: rgb(184, 184, 184);
    font-family:微软雅黑;
    height:54px;
    overflow: hidden;
    line-height: 18px;
}
/* .cooperation-p{ */
    /* width:75%; */
    /* height: 620px; */
    /* border: #e1e1e1 1px solid ; */
    /* margin-top: 30px; */
/* } */
/* .cooperation-img{ */
    /* width:250px; */
    /* float: left; */
    /* padding: 5px 5px; */

/* } */
/* .cooperation-img1{ */
    /* width:250px; */
    /* height: 200px; */
    /* border: #e1e1e1 1px solid ; */
    /* float: left; */
    /* margin-bottom: 5px; */
/* } */
/* .cooperation-img2{ */
    /* width:250px; */
    /* height: 200px; */
    /* border: #e1e1e1 1px solid ; */
    /* float: left; */
    /* margin-bottom: 5px; */
/* } */
/* .cooperation-img3{ */
    /* width:250px; */
    /* height: 200px; */
    /* border: #e1e1e1 1px solid ; */
    /* float: left; */
/* } */
/* .cooperation-img img{ */
    /* padding-top: 30px; */
/* } */
/* /*-----------------*/ */
/* .cooperation-p-img{ */
    /* width:905px; */
    /* height: 610px; */
    /* border: #e1e1e1 1px solid; */
   /* margin: 5px 260px; */
/* } */
/* .cooperation-p-img1 img{ */
    /* width: 500px; */
    /* height: 500px; */
    /* margin-top: 30px; */
/* } */
/* .cooperation-p-z{ */
    /* width: 905px; */
    /* height: 100px; */
    /* color: white; */
    /* background-color: #8c8c8c; */
    /* margin-top: -50px; */
/* } */
/* .cooperation-p-z p{ */
    /* text-align: left; */
    /* width: 850px; */
    /* line-height:30px; */
    /* text-indent: 2em; */
    /* padding-left: 100px; */
    /* font-size: 16px; */
    /* padding-top: 5px; */
/* } */
/* /*------------------*/ */
/* .cooperation-imgg{ */
    /* width:250px; */
    /* float: right; */
    /* margin-top: -615px; */
    /* margin-right: 5px; */

/* } */
/* .cooperation-img img:hover{ */
     /* box-shadow:0px 0px 10px 0px #cccccc; */
     /* margin-top: 15px; */
     /* width: 110px; */
 /* } */
/* .cooperation-imgg img:hover{ */
    /* box-shadow:0px 0px 10px 0px #cccccc; */
    /* margin-top: 15px; */
    /* width: 110px; */
/* } */
/* .cooperation-imgg1{ */
    /* width:250px; */
    /* height: 200px; */
    /* border: #e1e1e1 1px solid ; */
    /* float: right; */
    /* margin-bottom: 5px; */
/* } */
/* .cooperation-imgg2{ */
    /* width:250px; */
    /* height: 200px; */
    /* border: #e1e1e1 1px solid ; */
    /* float: right; */
    /* margin-bottom: 5px; */
/* } */
/* .cooperation-imgg3{ */
    /* width:250px; */
    /* height: 200px; */
    /* border: #e1e1e1 1px solid ; */
    /* float: right; */
/* } */

    .box-1{
        position:relative;
        width:1350px;
        height:600px;
        margin-left: 250px;
        padding:20px;
        float: left;
        background-size:cover;
        border:1px solid #cccccc;
        margin-right: 600px;
    }
    .box-1 ul{
             list-style:none;
             width:300px;
             /*margin-left:auto;*/
             /*width: 125px;*/
             height: 528px;
             margin: -15px -55px;
             /*border: 1px solid #cccccc;*/
         }
    .box-1 ul li{

        width:80px;
        height:120px;
        padding: 150px 100px 68px 100px;
        border:1px solid #cccccc;
    }
    .box-1 ul li:nth-child(odd){
        margin-right:16px;
    }
    .box-1 ul li:nth-child(-n+6){
        margin-bottom:15px;
        padding-top: 10px;
    }
    .box-1 ul li:hover .a1{
        border: 1px solid blue;
        box-shadow:0px 0px 20px 0px blue;

    }
    .box-1 ul li:hover .a2{
        border: 1px solid blue;
        box-shadow:0px 0px 20px 0px blue;

    }
    .box-1 ul li a1{
        width: 80px;
        height: 120px;
    }
    .box-1 ul li img{

        width:100%;
        height:100%;
    }
    .box-1 ul li:nth-child(1) .content-1{
        opacity:1;

    }
    .box-1 ul li img:hover+.content-1{
        opacity:1;

    }
    .box-1 ul li p:hover+.content-1{
        opacity:1;

    }
    .content-p{
        background: darkgray;
        padding: 20px 85px 20px 85px;
        width: 620px;
        font-family: "Adobe 黑体 Std R";
        font-size: 15px;
        text-indent: 2em;
        margin: 42px -245px;
    }
    .box-1 ul li .content-1{
        position:absolute;
        left:300px;
        top: 5px;
        width:300px;
        height:400px;
        opacity:0;
        border: 1px solid #cccccc;
        padding: 80px 245px 148px 245px;
        /*box-shadow:0px 0px 20px 0px darkgray;*/
        transition:.5s;
    }
/*--------------关于汇华部分----------------*/
.about{
    width: 1206px;
    margin:auto;
    text-align: center;
    /*height: 900px;*/
    margin-top: 80px;
    margin-bottom: 80px;
    background: #fff;
    position: relative;
}
.about-intro{
    width: 100%;
    padding-top: 20px;

}
.about-bg{
    width: 100%;
    position: relative;
    margin: auto;

}
.about-bg1 img{
    width: 350px;
    margin: auto;
}
.about-center{
    font-size: 50px;
    font-weight: bold;
    color: #00489a;
    margin-top:-65px;
}
.about-in{
    margin-top: -10px;
}
.about-hr{
    width:200px;
    border: navy 1px solid;
    margin-top: -10px;
}
.about-intro-img{
    width:60%;
    height:350px;
    margin:auto;
    padding-top: 40px;
}
.about-intro-img1{
    float:left;
}
.about-intro-img2 {
       width: 520px;
    line-height: 25px;
    text-indent: 2em;
    text-align: left;
    float: left;
    font-size: 16px;
    margin-left: 85px;
    padding-top: 20px;
}

.sap_tabs {
    margin: 0 auto;
    margin-top: 100px;
    text-align: center;
   padding-left: 100px;
    -webkit-appearance: none;

}

.fdjojeojoibox{
    position: absolute;
    right:0;
    bottom:0;
    width:600px;
}
.resp-tab-item{
    border:none;
    color: black;
    font-size: 18px;
    font-family: "segoeui";
    cursor: pointer;
    display: inline-block;
    list-style: none;
    height: 40px;
    width: 150px;
    line-height:40px;
}
.resp-tab-active, .resp-tab-item:hover {
    text-shadow: none;
    color: #fff;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    background: #8bb829 none repeat scroll 0 0;
    border: 1px solid #fbfbfb;
    border-radius: 30px;
    font-size: 18px;
    height: 40px;
    line-height: 40px;
    padding: 0 15px;
    text-transform: capitalize;
    width: 150px;
}
.Box {position: relative;
padding-top: 15px;}
.Box .content1 {width: 575px;
    margin: 0 auto;}
.Box h2 {text-align: center;
    margin-bottom: 35px;
    padding-top: 250px;}
.Box .Box_con {position: relative;}
.Box .Box_con .btnl {position: absolute;}
.Box .Box_con .btn {display: block;
    width: 41px;
    height: 41px;
    position: absolute;
    top: 23px;
    cursor: pointer;}
.Box .Box_con .btnl {background: url(../images/zuoyu/rongyuzhiziimgbgleft.png) no-repeat center;
      left: -72px;}
.Box .Box_con .btnr {background: url(../images/zuoyu/rongyuzhiziimgbgright.png) no-repeat center;

    right: -72px;}
/*.Box .Box_con .btnl:hover {background: url(../images/jtl03.png) no-repeat center;}
.Box .Box_con .btnr:hover {background: url(../images/jtr03.png) no-repeat center;}*/
.Box .Box_con .conbox {position: relative;
    overflow: hidden;}
.Box .Box_con .conbox ul {position: relative;
    list-style: none;}
.Box .Box_con .conbox ul li {float: left;
    width: 173px;
    height: 125px;
    margin-left: 20px;
    overflow: hidden;}
.Box .Box_con .conbox ul li:first-child {margin-left: 0;}
.Box .Box_con .conbox ul li img {display: block;
    width: 173px;
    height: 125px;
    transition: all 0.5s;}
.Box .Box_con .conbox ul li:hover img {transform: scale(1.1);}

.Box .BoxSwitch {margin-top: 30px;
    text-align: center;}
.Box .BoxSwitch span {display: inline-block;
    *display: inline;
    *zoom: 1;vertical-align: middle;
    width: 30px;
    height: 3px;
    background: #ccc;
    margin: 0 5px;
    cursor: pointer;}
.Box .BoxSwitch span.cur {background: red;}

.about-center-size{
    padding-top:150px;
}
.about-center-size p{
    color: #005fa4;
    font-size: 50px;
    margin-top: -300px;
}

ul, ol, li{list-style-type:none;
    vertical-align:0}
a{outline-style:none;
    color:#535353;
    text-decoration:none}
a:hover{color:#03A4B6;
    text-decoration:none}
.clear{height:0;
    overflow:hidden;
    clear:both}

/* list */
.list{width:1160px;
    padding-left: 30px;
    margin:60px auto 0 auto;}
.list li{width:116px;
    height:116px;
    float:left;
    border-radius:50%;
    position:relative;
    margin:0 20px 80px 20px;
    position:relative;
    cursor:pointer;
    -webkit-transition:.4s all;
    -moz-transition:.4s all;
    -ms-transition:.4s all;
    transition:.4s all;}
.list li a{display:block;
    width:100%;
    height:100%;
    text-decoration: none;
    color: black;
}
.list li a:hover{
    color: #2e6da4;
}
.list li .cycle_mark{position:absolute;
    left:0;
    top:0;
    z-index:2;}
.list li .ico{width:102px;
    height:102px;
    position:absolute;
    left:7px;
    top:7px;
    background:#2e6da4 url(../images/rotate.png);
    border-radius:50%;
    z-index:1;
    -webkit-transition:.4s all;
    -moz-transition:.4s all;
    -ms-transition:.4s all;
    transition:.4s all;}
.list li ._1{background-position:0px 0px;}
.list li ._2{background-position:-102px 0px;}
.list li ._3{background-position:-204px 0px;}
.list li ._4{background-position:-306px 0px;}
.list li ._5{background-position:-408px 0px;}
.list li ._6{background-position:-510px 0px;}
.list li ._7{background-position:-612px 0px;}
.list li p{width:100%;
    position:absolute;
    left:0;
    top:480px;
    text-align:center;}
.list li p span{font-size:16px;
    color:#cccccc;
    display:block;
    font-weight:bold;}
.list li p strong{font-size:12px;
    color:#f00;
    display:block;}

.list li.on{background:rgba(0,0,0,0.1);}
.list li.on .ico{background-color:#00489a;
    -webkit-transform:rotate(360deg);
    -moz-transform:rotate(360deg);
    -ms-transform:rotate(360deg);
    transform:rotate(360deg);}

/*<!----------------information---------------------->*/
.information{
    width: 100%;
    /*background-image: url("../images/-bg.png");*/
    text-align: center;
    margin-top: 550px;
}
.information-bg{
    width: 100%;
    margin-top: -100px;
    position: relative;
    padding:50px;
}
.information-bg1 img{
    width: 600px;
    height: 100px;
    margin:50px;
}
.information-center{
    font-size: 50px;
    font-weight: bold;
    color: #00489a;
    margin:-120px;
}
.information-hr{
    width:100px;
    border: navy 1px solid;
}
.information-paper{
    margin:-100px;
}
.container1-new{
    width:100%;
    margin:auto;
}
.container1{
    float:100%;
    width:700px;
    height: 400px;
    position: relative;
    background: white;
    /*box-shadow:0px 0px 13px 2px rgba(0,0,0,0.4);*/
    margin-top: 150px;
    margin-left:400px;
}
.mu-navbar {
    background-color: transparent;
    border: none;
    border-radius: 0;
    margin-bottom: 0;
    float: left;
    padding-left: 30px;
    padding-right: 83px;


}
.navbar-default .mu-menu li{
    float:left;
    padding-top:10px;
    padding-left:10px;
    margin-left:30px;
}
.navbar-default .mu-menu li a {

    border-bottom: 2px solid transparent;
    color: black;
    float:left
    font-size: 16px;
    margin-left: 3px;
    margin-right:8px;
    /* padding-right: -100px; */
    font-weight: bold;
    transition: all 0.5s;
}
.navbar-default .mu-menu li a:hover,
.navbar-default .mu-menu li a:focus {
    color: #03A4B6;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .active > a:hover{
    background-color: transparent;
    color: black;
}
.navbar-default .mu-menu li a:after {
    display: block;
    position: absolute;
    bottom: -5px;
    content: '';
    width: 0;
    height: 2px;
    background:#03A4B6;
    -webkit-transition: all .5s;
    transition: all .5s;
}
.navbar-default .mu-menu li.active a:after,
.navbar-default .mu-menu li a:hover:after,
.navbar-default .mu-menu li a:focus:after {
    width: 100%;
}
.about-intro-imgg{
    float: left;
    width: 100%;
    padding-top: 20px;
    padding-left: 20px;
}
.about-intro-imgg1 img{
    width: 250px;
    height: 160px;
    float: left;
    margin-left: 50px;
}
.about-intro-imgg2 {
    width:300px;
    line-height: 25px;
    text-align: left;
    float: right;
    font-size: 10px;
    margin-right: 80px;
    margin-right: 60px;
}
.navbar-zixun{
    width: 560px;
    float: left;
    margin: 20px 60px 0;
}
.navbar-zixun li{
    list-style: none;
    color: #333;
    height: 30px;
    line-height: 30px;
    width: 45%;
    margin: 0 10px;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    text-align: left;
    float: left;
    border-bottom: 1px dotted #999999;


}
.goinconsljfls{
    background:url("../images/zuoyu/goinconsljfls.png") no-repeat;
    width:10px;
    height:10px;
    background-size:cover;
    vertical-align: middle;
        display: inline-block;

}
.navbar-zixun a{
    text-decoration: none;
    color:#333;
    /*background:url("../images/b5.jpg") no-repeat left center;*/
    padding-left: 14px;

}
.navbar-zixun a span {float:right; color:#999;margin-left:15px;}
.navbar-zixun a:hover {color:#03A4B6;}
.navbar-zixun-z{
    float: right;
    margin-top: -120px;
    margin-right: -200px;

}
.infor_form1{
    position:relative;
    float:right;
    margin-top: -400px;
    margin-left:1150px;
margin-right:400px;
 }
.infor_form{
    width:385px;
    height: 400px;
    position: relative;
    /*border: #cccccc 1px solid;*/
    background: white;
    /*box-shadow:0px 0px 13px 2px rgba(0,0,0,0.4);*/

}
.infor_form ul{

}
.infor_form h3{
    position: absolute;
    text-align: left;
    color: #222;
    margin-top: 30px;
    margin-left: 10px;
    font-weight:bold;
    border-bottom:6px solid #03A4B6;

}
.infor_form p{
    text-align: left;
    color: #cccccc;
    font-size: 18px;
    padding-left: 20px;
    padding-top: 60px;
}
.infor_form li span {
    width: 80px;
    /*margin-top: 5px;*/
    display: inline-block;
    margin-left: -50px;
    text-align: right;
}
.usually input{
    height: 20px;
    margin-top: 10px;
    margin-left: 20px;
    width: 130px;
}
.usually.yan{padding-left: -20px;}
.infor_form textarea{
    width: 130px;
    margin-top: 15px;
    margin-left: 20px;
}
.infor_form li{
    padding-top: 10px;
}
.usually img {
    float: right;
    margin-top: -25px;
    margin-right: 20px;
}
.btn{
    float: right;
    margin-top: 20px;
    margin-left: 10px;
    margin-right: 20px;
}


.infor-search{
    position: relative;
    font-family:
    width: 100px;
    padding-bottom: 10px;
    padding-left: -200px;
    padding-top: 60px;
}
.infor-search form input[type=submit]{
    background: #00489a none repeat scroll 0 0;
    border: medium none;
    border-bottom-right-radius: 50px;
    border-top-right-radius: 50px;
    color: #fff;
   font-family: 微软雅黑;
    font-size: 16px;
    line-height: 50px;
    position: absolute;
    right: 0;
    text-transform: capitalize;
    width: 145px;s
    height:50px;
    margin-right:760px;
}
.infor-search1 form input[type=submit]{
    background: #00489a none repeat scroll 0 0;
    border: medium none;
    border-bottom-left-radius: 50px;
    border-top-left-radius: 50px;
    color: #fff;
   font-family: 微软雅黑;
    font-size: 16px;
    line-height: 50px;
    position: absolute;
    right: 0;
    margin-right: 900px;
    margin-top: -10px;
    text-transform: capitalize;
    width: 145px;
    height:50px;
}
.infor-search form input[type=submit]:hover{
     background: #ff5a32 none repeat scroll 0 0;
 }
.infor-search1 form input[type=submit]:hover{
    background: #ff5a32 none repeat scroll 0 0;
}
/*-------------------footer-----------------*/
.footer{
    width: 100%;
    height: 380px;
    margin: auto;
    background: #fff;
}
.footer-nav{
    color: white;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 16px;
    background-color:#03A4B6;
    font-weight:bold;
}
.footer-nav span{
    width:10%;
    display: inline-block;
}
.footer-nav1{
    color: #222;
    padding-top: 10px;
    float: left;
    font-size: 14px;
    margin-left: 500px;
    line-height: 80px;
}
.footer-nav1 span:first-child{
    font-weight:bold;
    font-size:16px;
}
.footer-nav1 a{
    color: #666;
    font-size:16px;

}
.footer-nav1 a:hover{
    text-decoration:none;
    color: #ff5a32;
}
.footer-infor p{
    float: left;
    padding-top: 80px;
    color: white;
    font-size: 8px;
    line-height: 20px;
    margin-left: -300px;
}
.footer-infor img{
    width:100px;
    height: 100px;
    padding-left:10px;
    margin-right: 550px;
    margin-top: 60px;
}
.footer-nav a:hover{
    text-decoration:none;
    color: #111111;
}


.index-w100 {
    width: 100%;
    padding-bottom: 50px;
}
.w1200 {
    width: 1200px;
    margin:0 auto;
}
.index-title {
    width: 100%;
    text-align: center;
    padding:50px 0 0px;
}
.index-bg1 {
    background: url(../images/pro-bg3.png) no-repeat center center;
    background-size: 700px 100px;
}
.index-bg2 {
    background: url(../images/pro-bg2.png) no-repeat center center;
    background-size: 700px 100px;
}

.index-title h2 span {
    font-size: 50px;
    font-weight: bold;
    padding:0px 25px;
    color: #00489a;
    border-bottom: 3px solid #00489a;
    padding-bottom: 10px;
    display: inline-block;
}
.index-title p {
    font-size: 18px;
    padding-top: 10px;
}
.index-1 {
    width: 1196px;
    clear: both;
    margin-top: 50px;
    border:2px solid #cccccc;
    border-radius: 5px;
    display: table;
}
.index-1 ul{
    float: right;
    width: 120px;
    margin-right: 60px;
    display: table;
    margin-top: 20px;
    margin-bottom: 20px;
}
.index-1 ul li {
    float: left;
    width: 120px;
    height: 70px;
    margin:10px 0;
}
.index-1 ul li a img {
    width: 100%;
    height: 70px;
    display: inline-block;
}
.index-1-content {
    float: left;
    width: 920px;
    height: 400px;
    overflow: hidden;
    display: none;
}
.index-1-content .e-img {
    float: left;
    width: 400px;
    height: 400px;
}
.index-1-content .e-img img {
    width: 400px;
    height: 400px;
    display: inline-block;
}
.index-1-content .e-content {
    float: left;
    width: 440px;
    margin-left:40px;
    padding-left: 40px;
    position: relative;
    height: 380px;
    overflow: hidden;
}
.index-1-content .e-content h2 {
    padding-top: 20px;
    color: #00489a;
    font-size: 20px;
}
.e-pro-y ,.e-pro-yi{
    font-weight: bold;
    font-size: 30px;
    color: gray;
    padding-top: 20px;
}
.e-pro-yi{
    position: absolute;
    right:0;
    bottom: 0;
    padding-top: 0px;
}
.index-1-content .e-intro {
    height: 225px;
    overflow: hidden;
    width: 100%;
    
}
.index-1-content .e-intro p {
    line-height: 25px;
}
.index-1-content .e-content a {
    position: absolute;
    left:40px;
    bottom: 0px;
}
.index-2 {
    width: 100%;
    height: 600px;
    width: 1198px;
    border:1px solid #ccc;
    position: relative;
    margin-top: 50px;
}
.index-2 ul li {
    position: absolute;
    
    
    width: 280px;
    height: 180px;
    
}
.index-2 ul li a {
    display: block;
    width: 278px;
    height: 178px;
    overflow: hidden;
    border:1px solid #ccc;
}
.index-2 ul li a:hover {
    border:1px solid #00489a;
}
.index-2 ul li a img {
    width: 100%;
    height: 178px;
}
.index-2 ul li:nth-child(1){
    left:10px;
    top:15px;
}
.index-2 ul li:nth-child(2){
    left:10px;
    top:210px;
}
.index-2 ul li:nth-child(3){
    left:10px;
    top:405px;
}
.index-2 ul li:nth-child(4){
    top:15px;
    right:10px;
}
.index-2 ul li:nth-child(5){
    top:210px;
    right:10px;
}
.index-2 ul li:nth-child(6){
    top:405px;
    right:10px;
}
.index-2-content {
    position: absolute;
    width: 600px;
    border:1px solid #ccc;
    height: 568px;
    top: 15px;
    left: 297px;
    display: none;
}
.index-2-content .e-img {
    width: 598px;
    height: 384px;
    overflow: hidden;
}
.index-2-content .e-img img {
    width: 100%;
    height: 384px;
}
.index-2-content .e-info{
    width: 598px;
    background: #a9a9a9;
    height: 182px;
}
.index-2-content h2 {
    text-align: center;
    line-height: 36px;
    color: #444;
}
.index-2-content a p {
    color: #666;
    padding:10px 20px;
}
.index-2-content a:hover h2{
    color: #00489a;
}


.case-container {
    width: 1200px;
    margin: 0 auto;
    padding: 0;
}

.case-index-title {
    font-size: 16px;
    text-align: center;
    padding: 50px 0;
}

.case-index-title h2 {
    font-size: 36px;
    font-family: pingfang,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;
    font-weight: normal;
}

.case-index-title a {
    width: 100px;
    height: 36px;
    line-height: 36px;
    border: 1px solid #DBDCE0;
    text-align: center;
    font-size: 14px;
    display: block;
    margin: 25px auto 0;
    transition: all .2s;
}

.case-index-title a:hover {
    background: #F96A69;
    border-color: #F96A69;
    color: #fff;
}

.case-index-content {
    position: relative;
}

.case-index-content ul {
    margin-right: -18px;
}

.case-example-item {
    float: left;
    width: 286px;
    height: 315px;
    overflow: hidden;
    margin: 0 18px 18px 0;
    text-align: center;
    background: #fff;
    position: relative;
    transition: all .2s;
    border: 2px solid #cccccc;
}

.case-example-item a .case-pad {
    width: 286px;
    height: 180px;
}

.case-item-info {
    height: 135px;
    overflow: hidden;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    transition: all .2s;
}
.case-info-logo {
    margin-top: 0;
    margin-bottom: 8px;
    height: 80px;
    transition: all .2s;
}

.case-info-title {
    font-size: 14px;
    color: #646466;
    margin-bottom: 35px;
}

.case-info-text {
    font-size: 14px;
    color: #666;
    padding: 0 30px;
    text-align: left;
    line-height: 1.8;
}
.case-index-content .case-example-item:hover{
    border:2px solid #487dcc;
}

.case-index-content .case-example-item:hover .case-item-info {
    height: 315px;
}
.processlist{

    background:url("../images/jiadu/fdsdfsffimg.jpg");
    background-size: cover;
        height: 612px;
}

.processlist ul li{
    /*display: flex;*/
    text-align: center;
    height:265px;
    width:265px;
    background:url("../images/jiadu/processbg.png");
    background-size: cover;
    float: left;
}
.processlist ul li img{
    width:82px;
    height:82px;
    margin-top:73px;
}
.processlist ul li span{
    display: inline-block;
}
/*.processlist ul li:nth(2n){
    margin-top:;
}*/

/*客服*/


/*底部*/
.footer_infor{
    position:relative;
    width:1200px;
    margin:auto;
    display: flex;
}
.fasdfehoiung{
    width:200px;
    margin-right: 200px;
}
.footer_infor img{
/*
    width:110px;
    height:124px;
*/
    text-align: left;
}
.fjsdkfjeiuhiuhtxt{
    width:360px;

}
.fjsdkfjeiuhiuhtxt h2{
    font-weight: bold;
    font-size: 20px;
    line-height: 48px;
}
.fjsdkfjeiuhiuhtxt p{
    font-size: 12px;
    color:#666;line-height: 18px;
    margin:0;
}
.footer_infor ul{
    display: table;
}
.footer_infor ul li{
    display: flex;
    float: left;
    width:350px;
    margin-top: 30px;
}
.footericonbox1{

    background:url("../images/jiadu/phone.png") no-repeat;
    background-size: 26px;
    background-position: center;
    width:50px;
    height:50px;
    border-radius: 50%;
    background-color: #484848;
    margin-right: 20px;
}
.footericonbox2{

    background:url("../images/jiadu/cziocn.png") no-repeat;
    background-size: 26px;
    background-position: center;
    width:50px;
    height:50px;
    border-radius: 50%;
    background-color: #484848;
    margin-right: 20px;
}
.footericonbox3{

    background:url("../images/jiadu/emailiocn.png") no-repeat;
    background-size: 26px;
    background-position: center;
    width:50px;
    height:50px;
    border-radius: 50%;
    background-color: #484848;
    margin-right: 20px;
}
.footericonbox4{

    background:url("../images/jiadu/adressicon.png") no-repeat;
    background-size: 26px;
    background-position: center;
    width:50px;
    height:50px;
    border-radius: 50%;
    background-color: #484848;
    margin-right: 20px;
}

.ewmiconbox{
    position: absolute;
    right:0;
    /*bottom:5px;*/
    /*display: flex;*/
    text-align: center;
}

.ewmiconleft{
    width: 25px;
    color: #eee;
    background-color: #484848;
    padding-left:5px;
}
.ewmiconbox img{
    width:114px;
    height:114px;
}

.jiadurediantitle{
    text-align: left;
    line-height: 53px;
    padding:20px;
}
.jiadurediantitle span{
    font-size:30px;
    color:#222;
    font-weight:600;
    margin-left:20px;

    line-height: 118px;
}
.jiaduredianinfo{
    width:900px;
    margin:auto;
    margin-bottom:20px;
}
.jiaduredianinfo ul li {
    height:40px;
    line-height: 40px;
}
.jiaduredianinfo ul li span{
    color:#03A4B6;
    font-size:22px;
    font-weight: 600;
}


.jiaduredianinfo ul li a{
    color:#939491;
    font-size:16px;
    padding:0 10px;
}
.about-intro-img1 img{
    /*border:8px solid #03A4B6;*/
}

/*.about-intro-img1 img:hover{

    transform: scale(1.2);
}*/
.about-intro-img2{
    padding-top: 0;
}
.about-intro-img2 p{
    margin-top:10px;
    height:77px;
    overflow: hidden;

}
.about-intro-img2 h2{
    font-weight: bold;
}
.about-intro-img2 a{
    color: #fff;
    padding: 5px 10px;
    background-color: #939491;
    margin-left: 400px;
    text-align: center;
    position: absolute;
    top: 127px;

}
.about-intro-img2 a:hover{
    background-color: #6aa121;
    font-weight:bold;
}

.rongyuzizhibox{
    background:url(../images/zuoyu/rongyuzhiziimgbg.jpg) no-repeat;

    background-size:cover;
    width:100%;
    padding:0 50px;
    height:500px;
   
}
.rongyuzizhibox1{

    width:100%;
    padding:0 50px;
   
}
.rongyuzizhibox .swiper-container{
    height:500px;

}
.swiper-slide img{
    width:200px;
    height:278px;
    margin:111px 0;
}
.rongyuzizhibox1 .swiper-slide img{
    width:200px;
    height:80px;
    margin:0;
    margin-top:80px;
}

.swiper-button-prev{
    background-image: url("../images/zuoyu/rongyuzhiziimgbgleft.png")!important;
    background-size: 20px 60px!important;
}
.swiper-button-next{
    background-image: url("../images/zuoyu/rongyuzhiziimgbgright.png")!important;
    background-size: 20px 60px!important;
}
.rongyuzizhibox .swiper-slide-active{
    transform: scale(1.2);
}
.rongyuzizhibox .swiper-slide-prev{

    transform: scale(1)!important;
}
.rongyuzizhibox .swiper-slide-next{
    transform: scale(1)!important;

}
.rongyuzizhibox .swiper-slide:not(.swiper-slide-active) {
    transform: scale(0.8);
}

.sixadvantagebox{
   /* background:url(../images/zuoyu/sixadvantageboximg1.png) no-repeat;*/
    background-size:cover;
    width:100%;
    height:550px;
    

}

.sixadvantagemain{
    padding-top: 50px;
    width:1400px;
    margin:0 auto;
    background-color:#fff;
    text-align: center;
    position:relative;
    background-image:url('../images/zuoyu/sixadvantagemainimg2.png');
    background-repeat:no-repeat;
    background-position:right;
}
.sixadvantageimgbox{
    padding:100px;
    /*border:1px solid #222;
    background:url(../images/zuoyu/sixadvantagemainimg2.png)no-repeat;*/
    border-radius:50%;
    text-align: center;
    width: 605px;
    margin: auto;

}
.sixadvantageimgbox img{
   
}
.sixadvantagetitle{
    background-color:#03A4B6;
    color:#fff;
    float:left;
    display:inline;
    width:40px;
    font-size:30px;
    word-wrap:break-word;
    word-break:normal;
    position: relative;
    bottom: 60px;
    right:170px;
}
.sixadvantagetitle1{
    font-weight: bolder;
    float:left;
    display:inline;
    width:50px;
    font-size:40px;
    word-wrap:break-word;
    word-break:normal;
    position: relative;
    right:150px;
}
.sixadvantagelist{
    width:300px;
    float: right;
    position: absolute;
    right: 225px;
    top: 61px;
}
.sixadvantageli{
    color:#fff;
    float:left;
    bottom: 499px;
    right: 240px;
    background:url(../images/zuoyu/sixadvantageli3.png);
    background-repeat:no-repeat; 
    background-size: 60px;
    background-position-y: 5px;
    background-position-x: 5px;
}
.sixadvantageli:hover p{
    color:#111;
}
.sixadvantageli p{
    font-size:20px;
    font-weight:bolder;
    display: inline-block;
    width:70px;
    height:70px;
    position: relative;
    top: 20px;
    
}
.sixadvantageli p span{
    color: #fff;
    font-size:1px;
    font-weight:normal;
}

.sixadvantageli span{
    position: relative;
    top: 20px;
    padding-left: 10px;
    color: #080808;
    font-size: 20px;
}
.sixadvantageli:nth-child(2){
    position: relative;
    left: 45px;
    bottom: 14px;
}
.sixadvantageli:nth-child(3){
    position: relative;
    left: 80px;
    bottom: 29px;
}
.sixadvantageli:nth-child(4){
    position: relative;
    left: 80px;
    bottom: 44px;
}
.sixadvantageli:nth-child(5){
  position: relative;
    left: 45px;
    bottom: 59px;
}
.sixadvantageli:nth-child(6){
    position: relative;
    left: 0px;
    bottom: 74px;
}
/*
卓誉集成的
.sixadvantagetitle{
    font-size:36px;
    font-weight:bold;
    color:#8bb829; 
    text-align: center;
    padding:20px 0;
}
.sixadvantagetitle span{ 
    color:#222;
}
安全那六个div的
.sixadvantageli{
    background:url(../images/zuoyu/sixadvantageli2.png) no-repeat;
    background-size:cover;
    text-align: center;
    width:155px;
    height:137px;
}
.sixadvantageli:hover{
    background:url(../images/zuoyu/sixadvantageli.png) no-repeat;
    background-size:cover;
   
}
.sixadvantageli:hover span:first-child{
    color:#fff;
}
.sixadvantageli span:first-child{
    font-size:22px;
    color:#8bb829;
    display: block;
    padding-top:30px;
}
.sixadvantageli span{
    font-size:12px;
    color:#222;
    line-height:30px;


}
.sixadvantagelist{
    position:absolute;
    top:0;
    left:0;

    display:flex;
}
.sixadvantagelist:nth-child(3){
    top:20px;
}
.sixadvantagelist:nth-child(4){
    top:170px;
}
.sixadvantagelist:nth-child(5){
    top:320px;
}
*/
.hchoice_box{
    background-color:#fff;
    /*height:563px;*/
}
.hchoice_title{
    font-size: 36px;
    font-weight: bold;
    color: #03A4B6;
    text-align: center;
    padding: 20px 0;
}
.hchoice_title span{
    color:#222;
}
.hchoice_mian{

}
.hchoice_titlebox{
    display: flex;
    width: 1000px;
    margin:auto;
}
.hchoice_titleli{
    width:156px;
    height:70px;
    margin-right:12px;
}
.hchoice_titleli:last-child{
    margin-right: 0;
}

.hchoice_mianinfo{
    width:1000px;
    margin:auto;
    padding-top:30px;
    display: flex;
    position:relative;
}
.hchoice_mianinfo img{
    width:741px;
    height:428px;
    margin:0;
        margin-right: 15px;
}
.hchoice_mianinfolibox{
    width:241px!important;
    height: 420px!important;

}

.hchoice_mianinfoli{
    padding-bottom:5px;
    height: 140px!important;

}

.hchoice_mianinfoli img{
    width:241px;
    height:140px;
    margin:0!important;
    
}
.hchoice_mianinfoli.active-nav img{ 
    border:5px solid #03A4B6
}
.hchoice_mianinfoprev{
    position: absolute;
    right:-30px;
    bottom:0;
}
.hchoice_mianinfoprevbtn{
    background:url("../images/zuoyu/hchoice_mianinfoprevbtn.png");
    background-size: 26px;
    width:26px;
    height:25px;
    display: block;
}
.hchoice_mianinfonextbtn{
    background:url("../images/zuoyu/hchoice_mianinfoprevbtn.png");
    background-size: 26px;
    background-position-y:25px; 
    width:26px;
    height:25px;
    display: inline-block;
}
.hchoice_mianbotm{
    text-align: center;
    color:#222;
    font-weight:bold;
    font-size:24px;
    margin-top:30px;
}
.hchoice_mianbotm a{
    text-align: center;
    color:#222;
    font-weight:bold;
    font-size:24px;
}
.hchoice_mianbotm a:hover{
    color:#8bb82a;
}
.hchoice_mianbotm i{
    width:20px;
    height:25px;
    display: inline-block;
    background-color:#03A4B6;
    vertical-align: middle;
}
.hchoice_mianbotmspan{
    width:528px;
    height:25px;
    display: inline-block;
    background-color:#EBEBEB;
    vertical-align: middle;
}
.anquan{
    text-align: center;
    width:1100px;
    margin:0 auto;
    padding-bottom: 20px;
}
.solution_list ul li:nth-child(4){
    margin-bottom:0px;
}


.lijizixuanbox{
    position:relative;
    width:100%;
    margin:auto;
    height:160px;
    background-color: #03A4B6;
    margin-top:80px;
}
.lijizixuaninfo{
    width:1000px;
    margin:auto;
    display: flex;
}
.lijizixuantitle{
    width:650px;
}
.lijizixuantitle p:nth-child(2){
    font-size:24px;
    color:#fff;
}
.lijizixuantitle p:first-child span{
    color:#222;

}
/*.lijizixuantle{
    margin-left:80px;
    margin-top:45px;
    width:200px;
}*/
.lijizixuantle p:first-child{
    font-size:16px;
    color:#222;
    font-weight: bold;
    margin-top:50px;

}
.lijizixuantle p:last-child{
    font-size:20px;
    color:#fff;
}
.lijizixuantle a{
    width:102px;
    background-color:#04c3d0;
    color:#fff;
    /*font-weight: bold;*/
    font-size:15px;
    display: inline-block;
    text-align: center;
    padding:10px 10px;
    margin-top:10px;
}
.lijizixuantle img{
    right:10px;
    position:relative;
    height:40px;
    width:40px;
    padding:10px 10px;
    margin-top:10px;
    background-color:#028ba0;
}
.lijizixuanboxpeopleimg{
display: inline-block;
    text-align: center;
    position: absolute;
    left:0;
    top:-247px;
    width:378px;
    height:406px;
}



.hchoice_view .swiper-wrapper{
    height:428px!important;
}

.wp1, .wp2, .wp3, .wp4, .wp5, .wp6 , .wp7, .wp8 ,.wp9{
    /*visibility: hidden;*/
}
.bounceInLeft, .bounceInRight, .fadeInUp, .fadeInUpDelay, .fadeInDown, .fadeInUpD, .fadeInLeft, .fadeInRight {
    visibility: visible;
}

.twonavsjfls{
    position: absolute;
    top:60px;
    left:0;
    list-style: none;
    white-space: nowrap;
    margin: 0;
    padding: 0;
    z-index: 9999;
}
.twonavsjfls li{
    border-top: 1px solid #fff;
    width: 100%;
    /*padding: 0 20px;*/
    color:#111;
    background: #fff;
}
/*.twonavsjfls li:hover{
    background: #8bb829;
}*/



.newacticeindex{

    color: #8BB829;
}
.newacticeindex:after {
    display: block;
    position: absolute;
    bottom: -5px;
    content: '';
    width: 0;
    height: 2px;
    background: #8BB829;
    -webkit-transition: all .5s;
    transition: all .5s;
}




/*/9-16/*/

.list-right-content ul li{
    width:21%;
    float:left;
    margin-right:3%;
    text-align: center;
    border:1px solid #eee;
    margin-bottom:10px;
}
.list-right-content ul li:hover{
    border:1px solid #999;
}

.list-right-content ul li:last-child{
    margin-right:0;

}
.list-right-content ul li img{
    width:80%;
    object-fit: cover;
    padding:10px 0;
}
.list-right-content ul li p{
    height:68px;
    line-height: 68px;
}
.proheadbox{
    width:100%;
    display: flex;
}
.proheadlist{
    width:50%;
}

.detail-box .row>div{padding-left: 7px;padding-right: 7px;}
.detail-box .detail-img-wrap {padding-bottom: 100%;position: relative;}
.detail-box .detail-img{display: block;position: absolute;width: 100%; height: 100%;left: 0; top: 0;}
.pc-slide {display: block;width: 442px;background-color: #f8f8f8;border:1px solid #ddd;}
.pc-slide .view{border-bottom: 1px solid #ddd;    padding: 0 20px;}
.pc-slide .view .swiper-container {width: 100%;height:400px;}
.pc-slide .view .swiper-container img{margin:0!important;display: block;width: 100%!important;height: 100%!important;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%); }
.pc-slide .preview {width: 440px;position: relative;padding:15px 25px;border-top: 1px solid #fff;}
.pc-slide .preview .swiper-container {height: 82px;width: 100%}
.pc-slide .preview .swiper-slide {width: 86px;height: 92%!important;cursor:pointer;padding-right: 10px;}
.pc-slide .preview .arrow-left {background: url('../images/zuoyu/picshopArr.png') no-repeat left center;position: absolute;top:15px;bottom:15px;left:4px;width: 17px;z-index: 4;}
.pc-slide .preview .arrow-right {background: url('../images/zuoyu/picshopArr.png') no-repeat right center;position: absolute;top:15px;bottom:15px;right:4px;width: 17px;z-index: 4;}
.pc-slide .preview img {padding: 1px;display: block;width: 100%;height: 100%;object-fit: cover;}
.pc-slide .preview .active-nav img {padding: 0;border: 1px solid #088fd5;}


.prodetaillist{
    padding-left:40px;
}
.prodetaillist h2{
    font-size:18px;
    font-weight:600;
    margin-bottom: 20px;
}
.shopingbtn{
    width:208px;
    height:48px;
    line-height:48px;
    background-color:#03a4b6;
    color:#fff;
    display:inline-block;
    text-align: center;
    border-radius:10px;
    font-size:18px;
    font-weight:600;
}
.shopingbtn:hover{
    background-color:#487b3a;
    color:#fff;
}



.product-title{background-color: #eeeeee;height: 38px;margin-top:20px;border-width: 2px;border-bottom: 2px solid #0d7ad7;}
.product-title .title{color: #088fd5;}
.product-title .title h3{position: relative;background-color: #03a4b6;font-weight: normal;color: #FFF;border:none;height: 45px;line-height: 45px;font-size: 24px;margin-top: -7px;padding: 0 15px;}
.product-title .title h3:before{content: '';width: 0;height: 0;border:7px solid transparent;border-left-color: #0a549f;position: absolute;right: -13px;top:0px;}
.product-title .title h3:after{content: '';width: 7px;height: 7px;overflow: hidden;position: absolute;top:7px;right: -7px;background-color: #eee;}
.product-title .title div{line-height: 38px;}

.product-title .title h3 {
    float: left;
    margin-right: 10px;
}
.promiandetail{
    padding:20px 15px;
}
.promiandetail img{
    width:100%;
}
.keruiBreadshow{
    height:28px;
    line-height: 28px;

}
.keruiBreadshow ul li{
    float: left;
}